<template>
  <div id="app">
    <router-view></router-view>
    <div id="container"></div>
  </div>
</template>

<script>
import { registerMicroApps, start } from 'qiankun'

export default {
  name: 'App',
  created() {
    registerMicroApps([
      {
        name: 'micro-front',
        entry: '//localhost:8101',
        container: '#container',
        activeRule: '/interview',
        props: {
          masterRouter: this.$router,
        },
      },
    ])
    start()
  },
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</style>
